<template>
  <div class="index">
    <div class="i"><router-link to="/student" class="c">学生管理</router-link></div>
    <div class="i"><router-link to="/course" class="c">课程管理</router-link></div>
    <div class="i"><router-link to="/score" class="c">成绩管理</router-link></div>
    <div class="i"><router-link to="/teacher" class="c">教师管理</router-link></div>
    <div class="end"><router-view/></div>
  </div>

</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>
.index{
  float: left;
  width: 200px;
  height: 600px;
  border: 1px solid black;
  margin: 0 auto;
  position: absolute;
}
.i{
  position: relative;
  left: 15px;
  margin: 10px;
  text-align: center;
  width: 150px;
  height: 50px;
  border: 2px solid black;
}
.c{
  text-decoration: none;
  color: black;
}
.end{
  position:relative;
  top:-200px;
  left:300px;
}

</style>